<template>
    <RouterView :key="componentKey" />
</template>

<script setup>
import { onMounted, provide, ref } from 'vue';
import { useStore } from 'vuex';
const store = useStore();

const componentKey = ref(0);

const forceRerender = () => {
    componentKey.value += 1;
};


onMounted(() => {
    store.dispatch('initializeUserInfo');
});

// 提供一个方法，用于强制重新渲染组件 其他组件也可以调用
provide('forceRerender', forceRerender);

</script>

<style>
* {
    padding: 0;
    margin: 0;
}
</style>
